<template>
  <div class="leftMenu">
    <router-link tag="div" class="menuList" to="/main/workbench">
        <i class="iconfont icon-peoplelist icon"></i>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'leftMenu',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<style scoped lang="less" rel="stylesheet/less">
.leftMenu{
    width: 50px;
    position: absolute;
    top: 48px;
    bottom: 0;
    z-index: 9;
    background-color: #222d32;
    .menuList{
        width:100%;
        height:50px;
        cursor: pointer;
        .icon{
            background:#fff;
            
        }
    }
    .menuList:hover{
        background:red;
    }
}
</style>